<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--meta name="viewport" 必须加上，否则会按照800的分辨率缩放，字体的大小会不正常-->
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="stylesheet" href="../jquery.mobile-1.4.5/jquery.mobile-1.4.5.css">
    <link rel="stylesheet/less" href="../css/yugao.less">
    <link rel="stylesheet" href="../css/font-awesome.css">
    <link rel="stylesheet" href="../css/font-awesome.min.css">
    <title></title>
</head>
<body>
<!--页面的基本结构-->
<!--页头 页尾 页脚-->
<div data-role="none" id="page1">
    <!--页头-->
    <div data-role="none">
        <div  class="choice-header">
            <div><a href="#"><i class="fa fa-clock-o" aria-hidden="true"></i></a></div>
            <div><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></div>
        </div>
    </div>
    <!--身体-->
    <div role="main" class="ui-contenter">
        <div class="content1">
            <img src="../images/yugao1.png"/>
            <span class="span1"><a href="move2.html"><i class="fa fa-play" aria-hidden="true"></i></a></span>
            <span class="span2_1"><i class="fa fa-heart-o" aria-hidden="true"></i></span>
            <span class="span3_1"><i class="fa fa-heart" aria-hidden="true"></i></span>
        </div>
        <div class="content2">
            <img src="../images/yugao2.png"/>
            <span class="span1"><a href="move2.html"><i class="fa fa-play" aria-hidden="true"></i></a></span>
            <span class="span2_2"><i class="fa fa-heart-o" aria-hidden="true"></i></span>
            <span class="span3_2"><i class="fa fa-heart" aria-hidden="true"></i></span>
        </div>
        <div class="content3">
            <img src="../images/yugao3.png"/>
            <span class="span1"><a href="move2.html"><i class="fa fa-play" aria-hidden="true"></i></a></span>
            <span class="span2_3"><i class="fa fa-heart-o" aria-hidden="true"></i></span>
            <span class="span3_3"><i class="fa fa-heart" aria-hidden="true"></i></span>
        </div>
    </div>
    <!--页尾-->
    <div data-role="none" data-position="fixed">
        <div id="myBottom">
            <span><a href="#"><img src="../images/ops2.png" width="30px" height="30px"></a></span>
            <span><a href="#"><img src="../images/camera2.png" width="30ox" height="30px"></a></span>
            <span><a href="#"><img src="../images/camera.png"  width="30px" height="30px"></a></span>
        </div>
    </div>
</div>


<script src="../js/less.js"></script>
<script src="../js/jquery-1.11.3.js"></script>
<script src="../jquery.mobile-1.4.5/jquery.mobile-1.4.5.js"></script>
<script src="../js/guankanyg.js"></script>
</body>
</html>